@charset "utf-8";
.top {width: 100%;height:30px;line-height: 30px; background: #f4f4f4;}
.top_l {width:980px;}
.top_r {width:200px;}

.head {overflow: hidden;padding:10px 0;}
.tel {padding: 5px 0;padding-right:55px;background:url(../images/tel.png) no-repeat right center;text-align: right;}
.tel em {display: block;font-size: 16px;color: #595959;}
.tel span {display: block;font-size: 22px;color: #3c3c3c;font-weight: 700;}

.nav {width:100%;background: #2c2c2c;height:60px;}
.nav li {float: left;font-size: 16px;line-height: 60px;background: url(../images/nav_bor.png) right top repeat-y;}
.nav li a { color: #fff;display: block;padding: 0 42px;}
.nav li a.cur, .nav li:hover {background: #8ec31f;}

.ban{position:relative;width:1000px;height:500px;margin:0px auto;}
.banPa{left:-460px; position:absolute;}
#foucsBox { margin: 0 auto; padding: 0; width: 1920px; height: 500px; overflow: hidden; zoom: 1; position: relative;}
#foucsBox .imgCon { width: 1920px; height: 500px; margin: 0; padding: 0; position: relative; list-style: none; }
#foucsBox .imgCon li { float: left; width: 1920px; height: 500px; }
#foucsBox .imgCon li img {width: 1920px; height: 500px; }
#foucsBox .foucs { width: 1920px; height: 18px; position: absolute; bottom: 15px; text-align: center; z-index: 3; }
.foucs span{display: inline-block;
    width: 17px;
    height: 17px;
    margin: 0 5px;
    line-height: 0;
    font-size: 0;
    background: url(../images/ban_coin.png) -23px 2px no-repeat;
    cursor: pointer;
    overflow: hidden;}
.foucs span.f{background:url(../images/ban_coin.png) 0px 0px no-repeat;}

/*search*/
.ser {border-bottom: 1px solid #f9f9f9;padding:10px 0;overflow: hidden;}
.search{float:right;position:relative;width:350px;border:1px solid #89c018;height:40px;}
.search_text{width:250px;height:40px;color:#828282; border:0px;padding-left:5px;outline:none;}
.search_select{width:51px;height:40px;}
.search_select select{display:none;}
.select_box{position:relative;height:20px;}
.search_select .select_showbox{width:40px;color:#989898;background:url(../images/seaBg.png) no-repeat right center;line-height:13px;border-left:1px solid #dedede;padding-left:8px;margin:8px 0px;}
.select_option {position:absolute;top:22px;border: 1px solid #dddddd;border-top: 0px;background: #fff;right: -4px;width:53px;line-height:24px;display:none;}
.select_option li{padding-left:9px;color:#989898}
.select_option li.hover{background:#f9f9f9;}

.icon {padding:30px 0;overflow: hidden;}
.icon ul li {float:left;width:200px;height:200px;text-align: center;margin:0 48px;}
.icon ul li:hover {color: #6ba722;}
.icon ul li span {display: block;margin: 10px 0;font-size: 18px;font-weight: 700;}
.icon ul li p {font-size: 12px;color: #cdcdcd;text-transform: uppercase;}
.c1 {height:125px;background:url(../images/c1.png) no-repeat center;}
.c1:hover {background:url(../images/c1_h.png) no-repeat center;}
.c2 {height:125px;background:url(../images/c2.png) no-repeat center;}
.c2:hover {background:url(../images/c2_h.png) no-repeat center;}
.c3 {height:125px;background:url(../images/c3.png) no-repeat center;}
.c3:hover {background:url(../images/c3_h.png) no-repeat center;}
.c4 {height:125px;background:url(../images/c4.png) no-repeat center;}
.c4:hover {background:url(../images/c4_h.png) no-repeat center;}

.title{text-align:center; position: relative;}
.title span{ display:block; text-transform:uppercase; font-size:38px; color:#dad9d9;}
.title h3{ margin:5px 0; font-size:22px;}
.title h3 a{ color:#000;}
.sc{ display:block; width:196px; height:26px; line-height:26px;color:#fff; position:relative; z-index:1; background-color:#89c018;margin:0 auto; border-radius:3px;}
.title i{ display:block; width:100%; height:1px; background-color:#d9d9d9; position:absolute; left:0; bottom:13px;}
.type{ border:1px solid #d9d9d9; border-bottom:none; margin:30px 0;}
.type_in { border-bottom:1px solid #d9d9d9;overflow:hidden;}
.type_in span{ display:block; width:120px; padding-left:15px; height:38px;  line-height:38px;color:#fff; background-color:#8ec31f;}
.type_in span a{ color: #fff;}
.type_in ul{ overflow:hidden; width:1040px; float:right; padding:10px 0; height:18px;}
.type_in li{ float:left; padding:0 10px; white-space:nowrap;border-right:1px dotted #d9d9d9;}
.type_in li a{ color:#333;}
.type_in li.cur a ,.pro .type_in li:hover a{ color:#89c018;font-weight:bold;}
.probox{ height:330px; margin-bottom:60px;}
.probox ul{ overflow:hidden;height:330px;}
.probox li{ float:left; width:282px; height:328px; border:1px solid #e6e6e6; margin-right:18px; }
.probox li:last-child {margin-right:0px;}
.probox li a{ display:block;}
.probox li:hover a {color:#fff;}
.probox li img{ display:block; margin:0 auto; margin-top:10px; margin-bottom:10px;}
.probox li span{ display:block; width:100%; height:50px; line-height:50px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; border-top:1px solid #e6e6e6}
.probox li:hover { border-color:#89c018;}
.probox li:hover span{ background-color:#89c018; border-color:#89c018; color:#fff;}
.more{ display:block; width:158px; height:36px; text-align:center; line-height:36px; margin:0 auto;color:#333; border:1px solid #e6e6e6; border-radius:3px;}
.more:hover{ color:#fff; border-color:#89c018; background-color:#89c018;}

.hotpro {  width:1190px; margin:60px auto; }
.b_tit { text-align:center; margin-bottom:5px; font-size:28px;}
.b_tit a{ color:#27282d;}
.b_tit span{ display:block; text-align:center; font-size:14px; color:#c1c1c1;margin-bottom:50px; text-transform:uppercase}
.hotpro dl{ width:560px; height:240px; float:left;margin: 25px 17px;}
.hotpro dt{ float:left; width:220px; height:220px; border:10px solid #e5e5e5;}
.hotpro dd{ overflow:hidden; float:left; padding-left:15px; height:236px; width:302px; border:2px solid #e5e5e5; border-left:none}
.hotpro dd h3{ font-size:14px; margin-top:25px; margin-bottom:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.hotpro dd h3 a{ color:#000}
.hotpro dd p{ line-height:30px; color:#000; width:280px;height:115px; overflow:hidden; text-align:justify; margin-bottom:15px;}
.hotpro dd .more{ display:block; width:98px; height:32px; background-color:#89c018; text-align:center; line-height:32px; font-size:13px; color:#fff; border-radius:3px;}
.hotpro dl:hover dt{ border-color:#89c018;}
.hotpro dl:hover dd{ background-color:#89c018; border-color:#89c018;}
.hotpro dl:hover dd .more{ color:#646464; background-color:#fff;}
.hotpro dl:hover dd h3 a{ color:#fff;}
.hotpro dl:hover dd p{ color:#fff;}

.comp { width:100%; padding-bottom:50px; background:url(../images/duibi_bg.png) repeat-y center top;}
.comp_tit{ overflow:hidden; width:100%; height:160px; background:url(../images/duibi_top.png) no-repeat center top; text-align:center}
.comp_tit h4{ font-size:28px; color:#27282d; margin-top:35px;}
.comp_tit span{ color:#80b414;}
.comp_tit p{ font-size:14px; color:#c1c1c1; text-transform:uppercase;}
.cobox{ overflow:hidden;position:relative;padding:20px 0;}
.cobox .vs{ display:block; position:absolute; left: 50%; margin-left: -91px; top: 30px;}
.cobox h3{ float:left; font-size:28px; color:#fff;}
.cobox p{ width:220px; text-align:justify; float:left; font-size:18px; color:#fff; margin-top:10px;}
.bj{ overflow:hidden; width: 430px; float: right; margin-top:25px;}
.bj01{  margin-right:130px; float: left;}

/*产品展示*/
.inpro { overflow:hidden; width:1190px; margin:60px auto;}
.inpro h4{ text-align:center; font-size:18px; padding-bottom:14px; background:url(../images/inpro.png) no-repeat center bottom; margin-bottom:30px;}
.inpro h4 a{ color:#60a112;}
.inpro h4 span{color:#333; font-weight:normal; margin-left:10px;}
.inbox{overflow:hidden; width:100%; height:313px; position:relative}
.inbox ul{ overflow:hidden; position:absolute; padding:1px 0}
.inbox li{ float:left; width:280px; height:310px; border:1px solid #e5e5e5; margin:0 8px 0 9px;}
.inbox li img{ display:block; margin:0 auto; margin-top:10px; margin-bottom:15px;}
.inbox li span{ display:block; font-size:13px; color:#585756; text-align:center;}
.inbox li span a:hover {color:#8ec31f;}
/*优势*/
.youshi { overflow:hidden; width:100%; height:917px; background:url(../images/youshi_bg.jpg) no-repeat center top; margin-bottom:50px;}
.youshi .title{ overflow:hidden; width:1210px; margin:0 auto; height:177px; background:url(../images/youshi_t.jpg) no-repeat center top; margin-top:42px;}
.ys{ overflow:hidden; width:465px;}
.ys h3{ font-size:25px; color:#1b1b1b; margin-left:15px; margin-bottom:7px;}
.ys p{ font-size:14px; color:#585657; line-height:25px; margin-bottom:15px; padding-left:15px; background:url(../images/youshi_p.png) no-repeat left 10px;}
.ys span{ color:#7cb10e;}
.phone{ overflow:hidden; background:url(../images/tel.png) no-repeat left center; padding:2px 0; padding-left:55px; margin-top:50px;}
.phone em{ display:block; font-size:14px; color:#333;}
.phone span{ font-size:25px; color:#60a112;}
.btn{ display:block; width:115px; height:34px; background:url(../images/youshi_btn.jpg) no-repeat center; float:right; margin-top:-40px;}
.ys1{ margin-left:655px; margin-top:106px;}
.ys2{ margin-left:123px; margin-top:80px; }
.ys3{ margin-left:660px; margin-top:115px; }
.ys4{ margin-left:140px; margin-top:120px; }

.about { margin-bottom:40px;overflow:hidden; }
.about h3{ font-size:18px; margin-bottom:20px;}
.about h3 a{ color:#333;}
.about h3 span{ font-weight:normal; font-size:14px; color:#c1c1c1; margin-left:10px;}
.aboutleft{ width:850px;}
.abo_img { width:425px; }
.abobox{ width:410px;}
.abobox h4{ font-size:16px; margin-bottom:10px;color: #8bc712;font-weight: bold;}
.abobox h4 a{ color:#1b1b1b;}
.abobox p{ line-height:30px; color:#585756;text-align:justify;}
.abobox .more{ width:98px; margin: 10px 0; height:32px; line-height:32px;text-align:center; color:#646464;background-color:#e5e5e5; border-radius:3px;}
.icont { width:300px; }
.icont p { line-height: 35px; }
.icont p a { color:#585756; }

.news { overflow:hidden; margin-bottom:50px;}
.newsleft{ width:778px; height:488px; background-color:#f6f6f6;}
.news .menu{ height:58px; padding-bottom:7px; margin-bottom:25px;}
.news .menu li{ float:left; width:385px; height:54px; border:2px solid #89c018; text-align:center; line-height:54px; font-size:18px; color:#1b1b1b; background-color:#fff; position:relative}
.news .menu li a{ display:block; text-decoration:none;}
.news .menu li img{ display:none; position:absolute; left:50%; margin-left:-6px; bottom:-9px;}
.news .menu li.cur{ background-color:#89c018; font-weight: bold;}
.news .menu li.cur a{ color:#fff;}
.news .menu li.cur img{ display:block}
.listbox { overflow:hidden; width:100%; height:385px; position:relative;}
.list p{ font-size:13px; line-height:22px; color:#585657; height:88px; overflow:hidden; text-align:justify;}
.list ul{ width:735px; margin:0 auto}
.list li{ height:50px; margin-bottom:15px; background-color:#fff;}
.list li .time{ width:60px; height:50px; background-color:#8bc712; float:left; overflow:hidden; text-align:center; color:#fff;}
.list li .time span{ display:block; font-size:16px; font-family:Arial; margin-top:5px;}
.list li .time em{ display:block; font-size:12px; font-family:Arial;}
.list li a{ display:block; line-height:50px; float:left}
.list li .nt{ width:530px; margin-left:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#585657;}
.list li .mr{ float:right; text-transform:uppercase; color:#c1c1c1; margin-right:20px;}
.list li:hover a.nt{ color:#7baf10;}

.newsright { overflow:hidden; width:379px; height:488px; background-color:#f6f6f6;}
.newsright h3{ color:#fff;padding:0 20px;width:339px;height:58px;line-height:58px;background:#89c018;}
.newsright h3 em{ font-size:18px;}
.newsright h3 span{ font-size:12px; margin-left:5px; line-height:58px;}
.newsright h3 a{float:right;text-transform:uppercase;color:#fff;}
.wenda { overflow:hidden; width:340px; height:395px; margin:0 auto; margin-top:20px; position:relative}
.wenda ul{ overflow:hidden; width:100%; position:absolute}
.wenda li{ overflow:hidden; height:139px; border-bottom:1px dotted #ddd; margin-bottom:12px;}
.wenda li h5{ font-weight:normal; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-left:30px; background:url(../images/news_wen.jpg) left center no-repeat; line-height:24px; margin-bottom:18px;}
.wenda li p{ padding-left:30px; background:url(../images/news_da.jpg) no-repeat left top; font-size:13px; line-height:22px; color:#585657; height:88px; overflow:hidden; text-align: justify;}

.shangmeng { overflow:hidden; position:relative; margin-bottom:50px;}
.shangmeng h3{ position:absolute; left:0; top:0}
.shangmeng ul{ overflow:hidden; float:right; width:1080px; padding:15px 20px 35px 35px; border:1px solid #c4c4c4}
.shangmeng li{ float:left; margin:5px 15px; font-size:13px; white-space:nowrap; }
.shangmeng li a{ color:#333;}

/*内页*/
.main{ background:#EBEBEB; overflow:hidden;}
.main .w{ margin-top:20px;margin-bottom:20px;}

.leftbox {width:230px;}
.leftbox h3 {height:90px;line-height:90px;font-size:24px;color:#fff;text-align:center;background:#2c2c2c;}
.left_list {background:#fff;}
.left_list h4 { height:40px;line-height:40px;font-size:20px; color:#fff;padding:0 0 0 40px;background:#8ec31f; }
.left_list ul.sort{ }
.left_list ul.sort li{padding:0 0 0 25px;line-height:45px;height:45px; border-bottom:1px #bfbfbf dashed; font-size:16px;}
.left_list ul.sort li a{color:#333;}
.left_list ul.sort li a:hover{color:#8ec31f;}
.left_list ul.sort li:last-child{ border:none;}
.left_cont p{line-height:35px;padding:0 15px;}
.left_cont p a {color:#666;}
.n_tel{padding:20px 0 0 23px;height:68px; overflow:hidden; color:#fff;background:#8ec31f;}
.n_tel span{ display:block;padding:0 0 0 40px; line-height:24px;overflow:hidden;background:url(../images/n_tel.png) left 8px no-repeat; font-size:14px; color:#fff;}
.n_tel em{ font-size:22px; color:#fff; font-family:Arial; display:block;}

.cpright{ width:885px; padding:0 25px; background:#fff;}
.crumb { height: 20px;padding: 15px 0;border-bottom:1px solid #dbdbdb;}
.crumb h3{ float:left; font-size:16px;color:#8ec31f;padding-left:10px; border-left:3px solid #8ec31f;}
.crumb span{ float:right;}

.rightbox{ width:885px;}
.protext {padding:10px;line-height:30px;}
.pro_c{  padding-top: 10px;width:110%;}
.pro_c li {float: left;width: 290px;margin-right: 10px;}
.pro_c li img{width: 270px;height: 265px; border:1px solid #ebebeb;display:block;padding: 5px;}
.pro_c li p{ line-height:48px;padding-left:5px;}
.pro_c li p span{ display:inline-block;padding:0 0 0 20px; float:left;background:url(../images/pro_ic1.gif) left 18px no-repeat;}
.pro_c li p a{ font-size:14px; color:#333; }

.pages {margin:20px 0px;color:#000;overflow: hidden;}
.pages a {display:inline-block;color:#000;}
.pages a:hover {background:#8ec31f;color:#fff;}
.pages a:hover{color:#fff;}
.pages a.page-num-current{background:#8ec31f;color:#fff;}
.pages ul {float:right; }
.pages a {margin-left:8px;border:1px solid #e0e0e0;padding:3px 10px;}

.news_related h4{ padding-left:12px;height:35px;line-height:35px;color:#fff;background:#8ec31f;font-weight:bold;}
.news_related ul{ margin:10px 0;overflow: hidden;}
.news_related li{ float:left;width:417px;height:30px;line-height:30px; padding:0 15px 0 10px;overflow:hidden; }
.news_related li a{ float:left;width:280px; display: block; background:url(../images/n_dot.png) no-repeat 0 11px;padding-left:12px;}

.abcon {padding:15px 0;min-height: 700px}
.abcon p {line-height:30px;}
.abcon img{
    max-width: 100%;
}
.proshow {height:350px;padding:20px 0;}
.show_l {width:350px;padding:2px;border:1px solid #e5e5e5;}
.show_r {width:490px;}
.show_r h1 {font-size: 22px;color: #414141;padding: 2px 0 10px;line-height: 1.6em;
border-bottom: 1px dashed #DCDCDC;}
.show_r p {line-height:30px;}
.pro_detail {margin:20px 0;}
.pro_detail h3 {height:35px;line-height:35px;border-bottom:1px solid #e5e5e5;margin-bottom: 15px;}
.pro_detail h3 span {width:220px;font-size: 20px;line-height: 32px;color: #8ec31f;font-weight: 700;display:block;border-bottom:2px solid #8ec31f;}
.pro_detail h3 em {color:#666;font-size:16px;padding-left: 10px;}
.pro_detail img {display:inline;}
.pro_detail p {line-height:30px;}
.tag {line-height:35px;color:#000;}
.tag a {color:#000;}

.pro_related {margin:20px 0;}
.pro_related h4 {padding-left:12px;height:35px;line-height:35px;color:#fff;background:#8ec31f;font-weight:bold;}
.pro_related ul {border:1px solid #e5e5e5;padding:10px;overflow:hidden;}
.pro_related ul li {float:left;width:200px;text-align:center;margin: 7px;}
.pro_related ul li img {width:200px;height:200px;display:block;border: 1px solid #e5e5e5;padding: 2px;}
.pro_related ul li p {line-height:30px;}

.newscon {padding:20px 0;}
.newscon ul {border:1px solid #e5e5e5;padding-bottom:10px;}
.newscon ul li {padding: 0 5px;line-height: 22px;border-bottom: 1px dotted #ccc;background:url(../images/nbg.png) no-repeat 5px 25px;padding: 10px 20px;}
.newscon ul li:last-child{border:none;}
.newscon ul li h3 {height:40px;line-height:40px;color:#000;}
.newscon ul li h3 a {float:left;color:#000;}
.newscon ul li h3 a:hover {color:#8ec31f;}
.newscon ul li h3 span {float:right;}
.newscon ul li p {line-height:25px;}

.detail_t {padding-top:20px;text-align:center;}
.detail_t h1{font-size:18px;color:#000;line-height:35px;border-bottom:1px dotted #e5e5e5;}

.map h3{padding-left:16px; font-size:14px;}
.map h3 p{line-height:24px; height:24px; color:#000;text-align:left;}
.map_con{padding:5px 8px;margin-bottom:10px;}
.map_con h4{ line-height:30px; color:#000; font-weight:normal; font-size:12px;}
.map_con h4 a{ line-height:30px;color:#000; padding:0 4px;}
.map_con h4 a:visited{ line-height:30px;}
.map_con h4 a:hover{ line-height:30px;font-weight:bold;}

.zxjy_form{position: relative;}
.zxjy_form li{ overflow: hidden;margin-bottom: 15px;width: 586px;box-sizing:border-box;border:1px solid #eeeff0;display: table;}
.zxjy_form li .tip{width: 123px;line-height: 40px;background: #f9f9f9;display: table-cell;color: #555;box-sizing:border-box;vertical-align: top;text-align: right;padding-right: 25px; }
.zxjy_form li input[type='text'],
.zxjy_form li textarea{box-sizing:border-box;width: 460px;border-left:1px solid #eeeff0;display: table-cell;}
.zxjy_form li input[type='text']{padding:0 15px;height: 40px;line-height: 40px;}
.zxjy_form li textarea{padding:15px;height: 100px;font-size: 14px;}
.zxjy_form li.btns{display: block;margin-top: 60px;border:0px;overflow: hidden;}
.zxjy_form li.btns input{display: block;width: 119px;height: 35px;line-height: 35px;text-align: center;font-size: 16px;color:#fff;float: right;background: #8ec31f; cursor:pointer;}
.zxjy_form li.btns input:last-child{background: #849595;margin-right:15px;}